<div>
	<div class="panel panel-primary text-center">
		<div class="panel-heading">
			<span class="main-title"><span class="glyphicon glyphicon glyphicon-dashboard"></span> {{'dashboard' | translate}}</span>
		</div>
	</div>

	<!-- ALERTS -->
	<div dashboard-alert rest-path="/dashboard/payment/evolution"></div>

	<!-- LINE CHARTS -->
	<div bar-line-chart rest-path="/dashboard/sinister/evolution" chart-type="bar" panel-name="{{'dashboardSinisterEvoluation' | translate}}"></div>
	<div bar-line-chart rest-path="/dashboard/payment/evolution" chart-type="line" panel-name="{{'dashboardPaymentEvoluation' | translate}}"></div>

	<!-- PIE CHARTS -->
	<div class="row">
		<div class="col-sm-6">
			<div pie-chart rest-path="/dashboard/sinister/types" panel-name="{{'dashboardSinisterTypes' | translate}}"></div>
			<div class="clearfix"></div>
			<div pie-chart rest-path="/dashboard/sinister/state" panel-name="{{'dashboardSinisterState' | translate}}"></div>
		</div>
		<div class="col-sm-6">
			<div pie-chart rest-path="/dashboard/sinister/warranty" panel-name="{{'dashboardSinisterWarranty' | translate}}"></div>
		</div>
	</div>

</div>